<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<title>index</title>
		<link rel="stylesheet" href="source/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="source/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="source/plugins/datatables/jquery.dataTables.min.css" />
		<link rel="stylesheet" href="source/css/system.css" />
	</head>

	<body>
		<div class="admin-submain">
			<div class="layui-tab layui-tab-brief admin-subtab">
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<section class="admin-list-detail">
							<div class="admin-collapse">
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>基本信息
									</h2>
									<div class="admin-colla-content">
										<ul class="info-list">
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">清单编号：</label><div class="info">QD-1001</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">项目名称：</label><div class="info">龙山雅苑</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">项目地点：</label><div class="info">杭州市西湖区龙山大道259号</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">备注：</label><div class="info">无</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">交货日期：</label><div class="info">2017.4.21</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">收货单位：</label><div class="info">中国建设集团</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<label class="name">收货联系人：</label><div class="info">李建军</div>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">联系人电话：</label><div class="info">13758652147</div></span>
											</li>
										</ul>
									</div>
								</div>
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>维护信息
									</h2>
									<div class="admin-colla-content">
										<ul class="info-list">
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">录入员：</label><div class="info">王宏波</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">录入时间：</label><div class="info">2017.4.21</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">审核人：</label><div class="info">王秀雅</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">审核时间：</label><div class="info">2017-04-21</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">取消人：</label><div class="info">王海哥</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">取消时间：</label><div class="info">王海哥</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">备注：</label><div class="info">可以可以</div></span>
											</li>
										</ul>
									</div>
								</div>
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>物料信息
									</h2>
									<div class="admin-colla-content">
										<div class="admin-subcheck layui-form" id="admin-subcheck">
											<div class="layui-form-item">
												<div class="layui-input-block">
													<input type="radio" name="cai" value="平采" title="平采" checked>
													<input type="radio" name="cai" value="地采" title="地采">
													<input type="radio" name="cai" value="不采购" title="不采购">
												</div>
											</div>
											<div class="btn-drop-box">
												<button type="button" class="ant-btn ant-btn-ghost"><span>保 存</span></button>
												<button type="button" class="ant-btn"><span>取 消</span></button>
											</div>
										</div>
										<div class="submain-table">
											<table id="qingdan-list" class="table" cellspacing="0" lay-skin="nob">
										        <thead>
										            <tr>
														<th></th>
														<th class="text-center">
															<label for="" class="checkbox">
																<input type="checkbox" id="checkall" />
																<i class="checkbox-inner"></i>
															</label>
														</th>
														<th>清单编号</th>
														<th>项目编号</th>
														<th>项目名称</th>
														<th>子项目编号</th>
														<th>子项目名称</th>
														<th>创建人</th>
														<th>审核状态</th>
														<th>创建时间</th>
													</tr>
										        </thead>
										 </table>
										</div>
									</div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
		</div>
		
		<script src="source/plugins/layui/layui.js"></script>
		<script src="source/plugins/datatables/jquery-1.12.4.js"></script>
		<script src="source/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="source/plugins/datatables/dataTables.fixedColumns.js"></script>
		<script src="source/js/datatables-config.js"></script>
		<script src="source/js/system.js"></script>
		<script>
			var employee = {
				tableId: "qingdan-list", //table的id
				status: [ //设置哪些列不能排序和搜索
					{
						"searchable": false,
						"orderable": false,
						"targets": [0, 1, 2, 6, 7, 8, 9]
					}, //第n行不进行排序和搜索
//					{
//			            "visible": false,//设置哪列不显示
//			            "targets": [-1]
//			        }
				],
				order: [
					[3, 'asc']
				], //初始时，按列排序
				scrollX: false,//是否允许横向滚轴
				checkAllId: "checkall", //第一列checkbox的id
				sScrollXInner: '100%', //设置table的宽度
				fixedColumns: {//左右边定位
		            "leftColumns": 0,
		            "rightColumns": 0
		        },
				url: "datas/qingdan.json", //url链接
				filed: [ //列对应
					{
						"data": "list_number",
						"createdCell": function(nTd, sData, oData, iRow, iCol) {
							$(nTd).html(iRow + 1);
						},
						"class": "text-center",
						"width": "30px"
					},
					{
						"data": "list_number",
						"createdCell": function(nTd, sData, oData, iRow, iCol) {
							$(nTd).html('<label for="" class="checkbox">' +
								'<input type="checkbox" class="checkchild" name="' + sData + '"/>' +
								'<i class="checkbox-inner"></i>' +
								'</label>');
						},
						"class": "text-center",
						"width": "50px"
					},
					{
						"data": "list_number"
					},
					{
						"data": "item_number"
					},
					{
						"data": "item_name"
					},
					{
						"data": "subitem_number"
					},
					{
						"data": "subitem_name"
					},
					{
						"data": "creater"
					},
					{
						"data": "status"
					},
					{
						"data": "time"
					}
				]
			};

			dataTablesInit(employee); //实例化
			
			layui.use('form', function(){})

		</script>
	</body>

</html>